{% extends '../../layout/default.njk' %}

{% block main %}
<div class="container">
    <div class="book-info-view">
        <div class="book-card">
            <div class="book-info">
                <div class="poster">
                    <img src="https://user-gold-cdn.xitu.io/2019/2/25/16922d6d22ff1458?w=1950&h=2730&f=png&s=1115662">
                </div>
                <div class="info">
                    <div class="title-line">
                        <a href="/book/5c90640c5188252d7941f5bb/section" class="title" >
                            <div class="presale">预售</div>
                            <span>WebGL 入门与实践</span>
                        </a>
                    </div>
                    <div class="media">
                        <div class="desc">掘金社区的各个功能的官方指南，帮助你玩转掘金，成为一名优秀的开发者</div>
                        <div class="author">
                            <div class="author-info">
                                <a href="/user/551d677ee4b0cd5b623f49cb" target="_blank" class="user">
                                    <div data-src="https://user-gold-cdn.xitu.io/2019/3/22/169a1107d352a82b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" class="lazy avatar hero loaded" style="background-image: url(&quot;https://user-gold-cdn.xitu.io/2019/3/22/169a1107d352a82b?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1&quot;);"></div>
                                    <span>阴明</span>
                                </a>
                            </div>
                            <div class="author-desc">
                                <span class="desc">掘金创始人</span>
                            </div>
                            <div title="加入作者互动群" class="add-group" style="display: none;">
                                <img src="https://b-gold-cdn.xitu.io/v3/static/img/add-group.f7844b8.svg">
                                <span>加群</span>
                            </div>
                        </div>
                    </div>
                    <div class="other">
                        <div class="is-buy">
                            <button class="button--buy">购买 ￥ 0.00</button>
                            <button class="button--write">试读</button>
                        </div>
                        <div class="right-side">
                            <div class="book-new-user-coupon">
                                <div class="book-new-user-coupon" style="display: none;">
                                    <div class="icon"><img src="https://b-gold-cdn.xitu.io/v3/static/img/coupon.2f5d701.svg"></div>
                                    <div class="card">剩 undefined 张 5 折新人券</div>
                                </div>
                            </div>
                            <div title="加入作者互动群" class="add-group" style="display: none;">
                                <img src="https://b-gold-cdn.xitu.io/v3/static/img/add-group.f7844b8.svg">
                                <span>加群</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="book-bought">
                <div class="label">
                    <img src="https://b-gold-cdn.xitu.io/v3/static/img/buy-icon.1323aad.svg">
                    <span>1495 人已购买</span>
                </div>
                <div class="users">
                    <div data-src="https://user-gold-cdn.xitu.io/2019/4/5/169e9335fae05880?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" class="lazy avatar user loaded" style="background-image: url(&quot;https://user-gold-cdn.xitu.io/2019/4/5/169e9335fae05880?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1&quot;);"></div>
                    <div data-src="https://leancloud-gold-cdn.xitu.io/08Rl6hylE4JMAT6qXxg68dgKkhGH7g9igG6QCNlp?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" class="lazy avatar user loaded" style="background-image: url(&quot;https://leancloud-gold-cdn.xitu.io/08Rl6hylE4JMAT6qXxg68dgKkhGH7g9igG6QCNlp?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1&quot;);"></div>
                    <div data-src="https://b-gold-cdn.xitu.io/v3/static/img/default-avatar.e30559a.svg" class="lazy avatar user loaded" style="background-image: url(&quot;https://b-gold-cdn.xitu.io/v3/static/img/default-avatar.e30559a.svg&quot;);"></div>
                    <div data-src="https://mirror-gold-cdn.xitu.io/168e095f0233ec87dd5?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" class="lazy avatar user loaded" style="background-image: url(&quot;https://mirror-gold-cdn.xitu.io/168e095f0233ec87dd5?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1&quot;);"></div>
                    <div data-src="https://mirror-gold-cdn.xitu.io/168e084679d02b29269?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" class="lazy avatar user loaded" style="background-image: url(&quot;https://mirror-gold-cdn.xitu.io/168e084679d02b29269?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1&quot;);"></div>
                    <div data-src="https://mirror-gold-cdn.xitu.io/168e93f941f3d80f9aa?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1" class="lazy avatar user loaded" style="background-image: url(&quot;https://mirror-gold-cdn.xitu.io/168e93f941f3d80f9aa?imageView2/1/w/100/h/100/q/85/format/webp/interlace/1&quot;);"></div>
                </div>
            </div>
            <div style="display: none;" class="book-mobile-other">
                <button class="button--buy">购买 ￥ 0.00</button>
            </div>
        </div>
        <div class="book-card">
            <div class="corner-mark">分享</div>
            <div class="book-menu-wrap">
                <div class="book-menu">
                    <div class="item active">
                        <span class="text">目录</span>
                    </div>
                    <div class="item">
                        <span class="text">介绍</span>
                    </div>
                    <div class="item" style="display: none;">
                        <span class="text">评论</span>
                        <span class="badge">0</span>
                    </div>
                </div>
            </div>
            <div class="book-content">
                <div class="book-content-head">小册内容</div>
                <div data-v-2290d2bc="" data-v-0bee7ec8="" class="book-directory section-of-info" data-v-9bd7fb9c=""><div data-v-2290d2bc="" class="section section-link"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">1</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 认识 WebGL</div><div data-v-2290d2bc="" class="sub-line"><div data-v-2290d2bc="" class="to-read">试读</div><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 6分</span><span data-v-2290d2bc="" class="readed">5017次学习</span><span data-v-2290d2bc="" class="comment">17条评论</span></div></div><div data-v-2290d2bc="" class="aside"><!----><div data-v-2290d2bc="" class="to-read--m">试读</div></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">2</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 从一个点开始：掌握 WebGL 的编程要素</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 16分</span><span data-v-2290d2bc="" class="readed">2048次学习</span><span data-v-2290d2bc="" class="comment">40条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">3</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 绘制三角形：学会使用缓冲区、了解 WebGL 中的基本图形元素</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 11分</span><span data-v-2290d2bc="" class="readed">949次学习</span><span data-v-2290d2bc="" class="comment">5条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">4</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 基本图元绘制：线段</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 3分30秒</span><span data-v-2290d2bc="" class="readed">555次学习</span><span data-v-2290d2bc="" class="comment">5条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section section-link"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">5</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 绘制渐变三角形：深入理解缓冲区</div><div data-v-2290d2bc="" class="sub-line"><div data-v-2290d2bc="" class="to-read">试读</div><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 10分30秒</span><span data-v-2290d2bc="" class="readed">1718次学习</span><span data-v-2290d2bc="" class="comment">5条评论</span></div></div><div data-v-2290d2bc="" class="aside"><!----><div data-v-2290d2bc="" class="to-read--m">试读</div></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">6</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 画个矩形：用基本图形构建平面</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 15分</span><span data-v-2290d2bc="" class="readed">534次学习</span><span data-v-2290d2bc="" class="comment">8条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">7</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 纹理贴图：为形体穿上外衣</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 11分</span><span data-v-2290d2bc="" class="readed">511次学习</span><span data-v-2290d2bc="" class="comment">3条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">8</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 绘制立方体、球体、椎体：如何用基本图形构建规则形体</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 19分30秒</span><span data-v-2290d2bc="" class="readed">472次学习</span><span data-v-2290d2bc="" class="comment">13条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section section-link"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">9</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">初级入门 --- 绘制多个物体：进一步封装绘制方法</div><div data-v-2290d2bc="" class="sub-line"><div data-v-2290d2bc="" class="to-read">试读</div><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 27分</span><span data-v-2290d2bc="" class="readed">809次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><!----><div data-v-2290d2bc="" class="to-read--m">试读</div></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">10</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- 神说要有光，于是就有了光：给物体添加环境光。</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 5分30秒</span><span data-v-2290d2bc="" class="readed">240次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">11</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- 冯氏光照模型：为物体增加漫反射效果</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 12分</span><span data-v-2290d2bc="" class="readed">233次学习</span><span data-v-2290d2bc="" class="comment">5条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">12</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- 冯氏光照模型：为物体增加镜面高光效果</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 9分30秒</span><span data-v-2290d2bc="" class="readed">169次学习</span><span data-v-2290d2bc="" class="comment">2条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">13</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title"> 中级进阶 --- 深入理解 GLSL 语法</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 9分30秒</span><span data-v-2290d2bc="" class="readed">192次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section section-link"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">14</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- WebGL 与数学：我们需要哪些数学知识？</div><div data-v-2290d2bc="" class="sub-line"><div data-v-2290d2bc="" class="to-read">试读</div><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 4分30秒</span><span data-v-2290d2bc="" class="readed">622次学习</span><span data-v-2290d2bc="" class="comment">1条评论</span></div></div><div data-v-2290d2bc="" class="aside"><!----><div data-v-2290d2bc="" class="to-read--m">试读</div></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">15</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- 数学：点、向量、矩阵。</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 16分</span><span data-v-2290d2bc="" class="readed">243次学习</span><span data-v-2290d2bc="" class="comment">1条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">16</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 ---  通用数学库的 JavaScript 实现。</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 22分</span><span data-v-2290d2bc="" class="readed">247次学习</span><span data-v-2290d2bc="" class="comment">2条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">17</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- WebGL 坐标系</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 10分30秒</span><span data-v-2290d2bc="" class="readed">257次学习</span><span data-v-2290d2bc="" class="comment">1条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section section-link"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">18</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- 坐标系变换：基本变换原理与算法实现</div><div data-v-2290d2bc="" class="sub-line"><div data-v-2290d2bc="" class="to-read">试读</div><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 20分</span><span data-v-2290d2bc="" class="readed">580次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><!----><div data-v-2290d2bc="" class="to-read--m">试读</div></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">19</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- 坐标系变换：模型空间变换到世界空间</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 3分30秒</span><span data-v-2290d2bc="" class="readed">120次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">20</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- 坐标系变换：世界空间变换到观察空间</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 7分</span><span data-v-2290d2bc="" class="readed">152次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">21</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">中级进阶 --- 坐标系变换：观察空间变换到裁剪空间</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 11分30秒</span><span data-v-2290d2bc="" class="readed">137次学习</span><span data-v-2290d2bc="" class="comment">1条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">22</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入研究 --- 更高级的旋转：欧拉角、四元数。</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 18分</span><span data-v-2290d2bc="" class="readed">187次学习</span><span data-v-2290d2bc="" class="comment">1条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">23</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入研究 --- 四元数的应用：使用鼠标控制模型的旋转</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 8分</span><span data-v-2290d2bc="" class="readed">118次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section section-link"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">24</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入研究 --- CSS 与 3D 之 transform</div><div data-v-2290d2bc="" class="sub-line"><div data-v-2290d2bc="" class="to-read">试读</div><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 15分30秒</span><span data-v-2290d2bc="" class="readed">681次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><!----><div data-v-2290d2bc="" class="to-read--m">试读</div></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">25</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入研究 --- CSS 与 3D 之 perspective</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 11分</span><span data-v-2290d2bc="" class="readed">167次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">26</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入研究 --- 数学库在 CSS 的 3D 动画中扮演的重要角色</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 17分</span><span data-v-2290d2bc="" class="readed">111次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">27</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入探究 --- 层级建模：行走的机器人</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 23分30秒</span><span data-v-2290d2bc="" class="readed">205次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">28</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入研究 --- 使用立方体纹理绘制天空盒</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 11分</span><span data-v-2290d2bc="" class="readed">186次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">29</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入研究 --- 混合效果</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 8分30秒</span><span data-v-2290d2bc="" class="readed">217次学习</span><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">30</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">深入研究 --- 帧缓冲</div><div data-v-2290d2bc="" class="sub-line"><!----><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 5分30秒</span><span data-v-2290d2bc="" class="readed">312次学习</span><span data-v-2290d2bc="" class="comment">1条评论</span></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">31</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">高级应用 --- 3D模型的拾取原理与实现</div><div data-v-2290d2bc="" class="sub-line"><!----><div data-v-2290d2bc="" class="writing">写作中</div><div data-v-2290d2bc="" class="statistics"><!----><!----><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">32</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">高级应用 --- 魔法 Shader：火焰效果的原理与实现</div><div data-v-2290d2bc="" class="sub-line"><!----><div data-v-2290d2bc="" class="writing">写作中</div><div data-v-2290d2bc="" class="statistics"><!----><!----><!----></div></div><div data-v-2290d2bc="" class="aside"><div data-v-2290d2bc="" class="lock"><img data-v-2290d2bc="" src="https://b-gold-cdn.xitu.io/v3/static/img/lock.45f0927.svg"></div><!----></div></div></div><div data-v-2290d2bc="" class="section section-link"><div data-v-2290d2bc="" class="step"><div data-v-2290d2bc="" class="step-btn">33</div></div><div data-v-2290d2bc="" class="center"><div data-v-2290d2bc="" class="title">结束了吗？一切刚刚开始</div><div data-v-2290d2bc="" class="sub-line"><div data-v-2290d2bc="" class="to-read">试读</div><!----><div data-v-2290d2bc="" class="statistics"><span data-v-2290d2bc="" class="duration">时长: 3分</span><span data-v-2290d2bc="" class="readed">566次学习</span><span data-v-2290d2bc="" class="comment">6条评论</span></div></div><div data-v-2290d2bc="" class="aside"><!----><div data-v-2290d2bc="" class="to-read--m">试读</div></div></div></div></div>
            </div>
            <div class="book-section-view">
                <div class="entry-content article-content">
                    <h2 class="heading">小册介绍</h2>
                    <h2 class="heading">作者介绍</h2>
                    <h2 class="heading">你会学到什么？</h2>
                    <h2 class="heading">你应该具备什么</h2>
                    <h2 class="heading">适宜人群</h2>
                    <h2 class="heading">名人推荐</h2>
                    <h2 class="heading">更新日志</h2>
                    <h2 class="heading">购买须知</h2>
                </div>
            </div>
        </div>
        <div class="book-card">
            <div class="header">推荐更多小册</div>
            {% block handbookList %}
                {% include '../../component/handbook/handbookList.njk' %}
            {% endblock %}
        </div>
    </div>
</div>
{% endblock %}

{% block footer %}
<div class="copy-right-box">
    <div class="copy-right">
        <span>©{{ '' | currentTime('YYYY')}} {{siteName}}</span>
    </div>
</div>
{% endblock %}

{% block pageData %}
<script>
</script>
{% endblock %}

{% block devjs %}
{{ loadjs('entry/handbook/handbookDetail.js') }}
{% endblock %}